
<div class="page-bar">
	<ul class="page-breadcrumb" style="border-bottom:0px;">
		<li><span>用户子系统</span> <i class="fa fa-angle-right"></i></li>
		<li><span>基本信息</span></li>
	</ul>
</div>
<div class="content" id="user_info_content" style="padding:10px 20px 20px;">
	<div class="row">
		<div class="col-md-12">
            <div class="row">
                <div class="col-md-12">
                	<form class="form-horizontal page_form" style="padding-top:20px;" id="account_info_form" novalidate="novalidate">
                		<input type="hidden" name="id" th:value="${accountInfo.id}"/>
						<div class="row form_split_title">
							<h4 class="col-sm-12"><font color="#36c6d3">▎</font> <b>基本信息</b> </h4>
						</div>
						<div class="row">
							<div class="form-group col-sm-6">
								<label class="col-sm-4 control-label"><i>*</i>昵称:</label>
								<div class="col-sm-6">
									<input type="text" name="nickName" class="form-control input-sm" placeholder="昵称" th:value="${accountInfo.nickName}"></input>
								</div>
							</div>
							<div class="form-group col-sm-6">
								<label class="col-sm-4 control-label"><i>*</i>性别:</label>
								<div class="col-sm-6">
									<div>
										<label class="radio-inline"><input th:checked="${accountInfo.sex}==1" checked="checked" name="sex" type="radio" value="1"/>男</label>
										<label class="radio-inline"><input th:checked="${accountInfo.sex}==2" checked="checked" name="sex" type="radio" value="2"/>女</label>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="form-group col-sm-6">
								<label class="col-sm-4 control-label"><i>*</i>所在地:</label>
								<div class="col-sm-8 form-inline">
									<div>
										<select id="account_info_province_id" name="provinceId" class="form-control input-sm select_region" th:if="${accountInfo.province!=null}" th:attr="init_value=${accountInfo.province.sid}"></select>
										<select id="account_info_province_id" name="provinceId" class="form-control input-sm select_region" th:if="${accountInfo.province==null}"></select>
										
										<select id="account_info_city_id" name="cityId" class="form-control input-sm select_region" th:if="${accountInfo.city!=null}" th:attr="init_value=${accountInfo.city.sid}"></select>
										<select id="account_info_city_id" name="cityId" class="form-control input-sm select_region" th:if="${accountInfo.city==null}"></select>
										
										<select id="account_info_district_id" name="districtId" class="form-control input-sm select_region" th:if="${accountInfo.district!=null}" th:attr="init_value=${accountInfo.district.sid}"></select>
										<select id="account_info_district_id" name="districtId" class="form-control input-sm select_region" th:if="${accountInfo.district==null}"></select>
									</div>
								</div>
							</div>
							<div class="form-group col-sm-6">
								<label class="col-sm-4 control-label"><i>*</i>手机:</label>
								<div class="col-sm-6">
									<input type="text" name="mobile" class="form-control input-sm" placeholder="手机" readonly th:value="${accountInfo.mobile}"></input>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="form-group col-sm-6">
								<label class="col-sm-4 control-label"><i>*</i>邮箱:</label>
								<div class="col-sm-6">
									<input type="text" name="email" class="form-control input-sm" placeholder="邮箱" readonly th:value="${accountInfo.email}"></input>
								</div>
							</div>
							<div class="form-group col-sm-6">
								<label class="col-sm-4 control-label"><i>*</i>出生日期:</label>
								<div class="col-sm-6">
									<input type="text" id="account_info_birthday" name="birthday" class="form-control input-sm" readonly placeHolder="出生日期" th:value="${accountInfo.birthday}">
								</div>
							</div>
						</div>
						<div class="row">
							<div class="form-group col-sm-6">
								<label class="col-sm-4 control-label"><i>*</i>详细地址:</label>
								<div class="col-sm-6">
									<input type="text" name="address" class="form-control input-sm" placeholder="详细地址" th:value="${accountInfo.address}"></input>
								</div>
							</div>
						</div>
						<hr class="col-sm-12" />
						<div class="row form_split_title">
							<h4 class="col-sm-12"><font color="#36c6d3">▎</font> <b>资料上传</b> </h4>
						</div>
						<div class="row">
							<!-- http://www.cnblogs.com/leechenxiang/p/6603884.html -->
							<div class="form-group col-sm-6">
								<label class="col-sm-4 control-label"><i>*</i>头像:</label>
								<div class="col-sm-6">
									<div id="account_info_head_image" th:attr="init_value=${accountInfo.headImgUrl}" class="image-upload">
										<div class="image-upload-section" style="background:#eeeeee"></div>
									</div>
									<span class="form_tips">提示：图片大小不能超过2M</span>
								</div>
							</div>
						</div>
						<hr class="col-sm-12" />
						<div class="row">
							<div class="form-group col-sm-12">
								<div class="form-group" style="margin: 5px;">
									<div class="col-sm-12 text-right">
										<button type="button" class="btn btn-success btn-sm" style="margin-right:10px;" onclick="update_account_info();">保存</button>
									</div>
								</div>
							</div>
						</div>
					</form>
                </div>
            </div>
		</div>
	</div>
</div>
<div class="clearfix"></div>

<script type="text/javascript">
	require(["./static/pages/scripts/user/account/account_info"], function(account_info){
		account_info.initPage();
	});
</script>